@import "../_function";
@import "../_variables";

.login {
	height: 100%;
	padding: pr(60);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	.login-container {
		flex: 1;
		padding: pr(90);
		box-shadow: 0 0 5px 1px #eee;
		.login-header {
			margin-bottom: pr(96);
			&-title {
				font-size: pr(65);
				color: #666666;
			}
			&-info {
				font-size: pr(40);
				margin-top: pr(65);
				color: #909090;
			}
		}
		.login-btn {
			display: flex;
			justify-content: center;
			align-items: center;
			margin-top: pr(120);
			button {
				width: pr(600);
				height: pr(115);
				border: none;
				border-radius: pr(10);
				font-size: pr(40);
				letter-spacing: 5px;
				color: #fff;
				background: linear-gradient(to right, #5ea6f8, #bb87f6);
			}
		}
		.login-forget {
			margin: pr(70) auto;
			text-align: center;
			a {
				color: #989898;
			}
		}
		.login-register {
			font-size: pr(40);
			text-align: center;
			a {
				color: #549ff9;
			}
		}
	}
}
